{template header_static2.html}
<body>
  <div class="body">
    {template header.html}
    <section class="w-container bannerBox ">
      <div class="banner"> <img src="{HOME_THEME_PATH}picture/dc1f5974dcf7fceefa3b825a9bbd4b61.jpg" alt="" title="" style=" "> <a
          href="javascript:void(0);" target="_self"><span style="display:none;">none</span></a> </div>
    </section>
    <div class="w-container w-main">
      <div class="row">
        <div class="wrap-content-in w-system w-productcom">
          <div class="w-system-in">
            <div class="product-detail-wrap">
              <div class="w-com-content">
                <div class="w-breadcrumbs"> <a href='index.html' class='crumb'>首页</a> &gt; <a
                    href='chanpinzhongxin.html' class='crumb'>产品中心 </a> &gt; <a href='jianzhuzhuangshiwujin.html'>建筑装饰五金
                  </a> </div>
                <div class="product-detail-top1">
                  <div class="product-detail-images">
                    <div class="product-detail-images-in">
                      <!-- 放大镜效果的style样式 -->
                      <style type="text/css">
                        .class-zoom {
                          border: 1px solid #DEDEDE;
                          background-color: #FFFFFF;
                          display: none;
                          opacity: .75;
                          /* Standard: FF gt 1.5, Opera, Safari */
                          filter: alpha(opacity=75);
                          /* IE lt 8 */
                          -ms-filter: "alpha(opacity=75)";
                          /* IE 8 */
                          -khtml-opacity: .75;
                          /* Safari 1.x */
                          -moz-opacity: .75;
                          /* FF lt 1.5, Netscape */
                        }

                        .class-zoom-img {
                          border: 1px solid #DEDEDE;
                        }
                      </style>
                      <script type="text/javascript" src="{HOME_THEME_PATH}js/jquery.magnifier.js"></script>
                      <div class="product-detail-image-big">
                        <div class="magnifier"></div>
                        <img class="default-image g-cover" data-imageid="1"
                          src="{HOME_THEME_PATH}picture/daa3363cbbca416dd09501f38a02c9b7.jpg" data-zoom="true">
                      </div>
                      <div class="product-detail-image-small">
                        <div class="imgsmall-pre disabled"></div>
                        <div class="imgsmall-next"></div>
                        <div class="small-list">
                          <div class="iamge-slide">

                            <a class="img-count img-small-item cur" href="javascript:void(0);" data-imageid="1">
                              <div class="cur-top" style="display:none;"></div>
                              <div class="aspectRatio"></div>
                              <div class="img-count-in img-small-item-in"><img class="g-cover"
                                  src="{HOME_THEME_PATH}picture/daa3363cbbca416dd09501f38a02c9b7.jpg"> </div>
                            </a>

                            <a class="img-count img-small-item cur" href="javascript:void(0);" data-imageid="2">
                              <div class="cur-top" style="display:none;"></div>
                              <div class="aspectRatio"></div>
                              <div class="img-count-in img-small-item-in"><img class="g-cover"
                                  src="{HOME_THEME_PATH}picture/a4265ee3342f69837127d71458f9628b.jpg"> </div>
                            </a>

                            <a class="img-count img-small-item cur" href="javascript:void(0);" data-imageid="3">
                              <div class="cur-top" style="display:none;"></div>
                              <div class="aspectRatio"></div>
                              <div class="img-count-in img-small-item-in"><img class="g-cover"
                                  src="{HOME_THEME_PATH}picture/3f806f08cab55822adc6d39b0a629fda.jpg"> </div>
                            </a>

                            <a class="img-count img-small-item cur" href="javascript:void(0);" data-imageid="4">
                              <div class="cur-top" style="display:none;"></div>
                              <div class="aspectRatio"></div>
                              <div class="img-count-in img-small-item-in"><img class="g-cover"
                                  src="{HOME_THEME_PATH}picture/a3371185c67112da45ebbaec07ba3c9c.jpg"> </div>
                            </a>

                            <a class="img-count img-small-item cur" href="javascript:void(0);" data-imageid="5">
                              <div class="cur-top" style="display:none;"></div>
                              <div class="aspectRatio"></div>
                              <div class="img-count-in img-small-item-in"><img class="g-cover"
                                  src="{HOME_THEME_PATH}picture/389f4ee37c547299d628ea738cdd5d85.jpg"> </div>
                            </a>
                          </div>
                        </div>
                      </div>
                      <div style="display:none;">

                        <a data-lightbox="image-1" href="{HOME_THEME_PATH}picture/daa3363cbbca416dd09501f38a02c9b7.jpg"> <span
                            id="imageid1"></span> </a>

                        <a data-lightbox="image-2" href="{HOME_THEME_PATH}picture/a4265ee3342f69837127d71458f9628b.jpg"> <span
                            id="imageid2"></span> </a>

                        <a data-lightbox="image-3" href="{HOME_THEME_PATH}picture/3f806f08cab55822adc6d39b0a629fda.jpg"> <span
                            id="imageid3"></span> </a>

                        <a data-lightbox="image-4" href="{HOME_THEME_PATH}picture/a3371185c67112da45ebbaec07ba3c9c.jpg"> <span
                            id="imageid4"></span> </a>

                        <a data-lightbox="image-5" href="{HOME_THEME_PATH}picture/389f4ee37c547299d628ea738cdd5d85.jpg"> <span
                            id="imageid5"></span> </a>
                      </div>
                    </div>
                  </div>
                  <div class="rotatePicbox-tel">
                    <div class="imgSlideMain clearfix">
                      <div id="imgSlide2" data-role="slide" class="imgSlide">
                        <ul>

                          <li><a href="javascript:void(0);"><img class="g-cover"
                                src="{HOME_THEME_PATH}picture/daa3363cbbca416dd09501f38a02c9b7.jpg"></a></li>

                          <li><a href="javascript:void(0);"><img class="g-cover"
                                src="{HOME_THEME_PATH}picture/a4265ee3342f69837127d71458f9628b.jpg"></a></li>

                          <li><a href="javascript:void(0);"><img class="g-cover"
                                src="{HOME_THEME_PATH}picture/3f806f08cab55822adc6d39b0a629fda.jpg"></a></li>

                          <li><a href="javascript:void(0);"><img class="g-cover"
                                src="{HOME_THEME_PATH}picture/a3371185c67112da45ebbaec07ba3c9c.jpg"></a></li>

                          <li><a href="javascript:void(0);"><img class="g-cover"
                                src="{HOME_THEME_PATH}picture/389f4ee37c547299d628ea738cdd5d85.jpg"></a></li>

                        </ul>
                      </div>
                      <div class="navSlideBox">
                        <ul class="navSlide">
                          <ul>
                            <li class="i_point active">1</li>
                            <li class="i_point ">2</li>
                            <li class="i_point ">3</li>
                            <li class="i_point ">4</li>
                            <li class="i_point ">5</li>
                          </ul>
                        </ul>
                      </div>
                    </div>
                    <script src="{HOME_THEME_PATH}js/c_wap.js"></script>
                    <script src="{HOME_THEME_PATH}js/c_wap2.js"></script>
                    <script src="{HOME_THEME_PATH}js/slide.js"></script>
                    <script>
                      setTimeout(function () {
                        imgSlideInit('#imgSlide2', 1000)
                      }, 600);
                    </script>
                  </div>
                  <div class="product-detail-info">
                    <div class="product-detail-info-in">
                      <div class="prd_detInfo_con">
                        <div class="product-title">
                          <h2> 产品名称八 </h2>
                        </div>
                        <div class="product-short-sum"></div>
                        <!--<div class="product-grayBox clearfix">
                        <div class="product-prices">
                          <div class="price-sale"> 价格： <span class="num"> ￥<span class="bigsize g-promotion">0.00</span> </span> </div>
                        </div>
                        <div class="collect_share clearfix"></div>
                      </div>-->
                      </div>
                      <div class="prd_detInfo_con">
                        <div class="product-properies-groups">
                          金属-五金制品行业更是迅猛发展，五金行业在国民经济发展中起到了不可估量的作用，五金制品也成为工业制造不可缺少的一个产业环节。 </div>
                      </div>
                    </div>
                    <div class="clear"></div>
                  </div>
                </div>
                <div class="product-maincon">
                  <div class="product-maincon-in">
                    <style>
                      .info_tab .cur_tab a {
                        cursor: auto;
                      }
                    </style>
                    <div class="info_tab">
                      <div class="info_tab_in">
                        <ul class="clearfix">
                          <li class="cur_tab"><a href="javascript:void(0)">产品详细</a></li>
                        </ul>
                      </div>
                    </div>
                    <div class="product-descons">
                      <div class="descon_item">
                        <div label-module="para">五金工具（TOOLS &amp;
                          HARDWARE）是指铁、钢、铝等金属经过锻造、压延、切割等物理加工制造而成的各种金属器件的总称。五金工具按照产品的用途来划分，可以分为工具五金、建筑五金、日用五金、锁具磨具、厨卫五金、家居五金以及五金零部件等几类。
                        </div>
                        <div label-module="para">
                          五金工具包括各种手动、电动、气动、切割工具、汽保工具、农用工具、起重工具、测量工具、工具机械、切削工具、工夹具、刀具、模具、刃具、砂轮、钻头、抛光机、工具配件、量具刃具、磨具磨料等。
                        </div>
                        <p><br></p>
                      </div>
                    </div>
                    <div class="news-others">
                      <div class="pre-next">
                        <div class="news-prev"> <a href="23.html" title="产品名称七"> 上一篇：产品名称七 </a>
                        </div>
                        <div class="news-next"> <a>下一篇：暂无</a> </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="prddetail_foot_fixed">
                  <div class="prddetail_foot clearfix" style="width:100%;"> </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="w-container w-footer">
      <div class="w-footer-section pdTop-default pdBottom-default">
        <div class="w-footer-in" style="max-width:;">
          <div class="foot-mask"></div>
          <div class="w-foot-content  pdTop-large pdBottom-large">
            <div class="li-div">
              <div class="w-text" style="">
                <div align="center">Copyright © 2012-2018 某某公司 版权所有 &nbsp;&nbsp;<a href="http://www.beian.miit.gov.cn/"
                    rel="nofollow" target="_blank">琼ICP备xxxxxxxx号</a></div>
              </div>
            </div>
            <div class="li-div">
              <div class="w-text" style="">
                <div align="center">
                  <ul class="link">
                    <span>友情链接 :</span>
                    <li><a href="http://www.baidu.com" target="_blank">百度 </a></li>
                    <li><a href="http://www.qq.com" target="_blank">腾讯 </a></li>
                    <li><a href="http://www.sina.com.cn" target="_blank">新浪 </a></li>
                    <li><a href="http://www.yiyongtong.com" target="_blank">小程序开发教程 </a></li>
                    <li><a href="http://www.sucai58.com" target="_blank">素材58 </a></li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="w-service-fixed">
        <div class="service-item bg_s_default color_s_default aHoverbg_deepen aHovercolor_deepen service-item-top"> <i
            class="fa fa-caret-up"></i>
          <div class="top" onclick="$('body,html').animate({scrollTop: 0}, 'normal');">TOP</div>
        </div>
        <script type="text/javascript">
          $(function () {
            $(window).scroll(function () {
              if ($(this).scrollTop() > 20) {
                $('.w-service-fixed .service-item-top').show();
              } else {
                $('.w-service-fixed .service-item-top').hide();
              }
            });
          });
        </script>
      </div>
    </div>

    <!-- 应用插件标签 start -->

    <!-- 应用插件标签 end -->
  </div>
  <div class="topTel" onclick="$('body,html').animate({scrollTop: 0}, 500);"><i class="fa fa-arrow-up"></i></div>

  <script type="text/javascript" src="{HOME_THEME_PATH}js/jquery.global.js"></script>
  <script type="text/javascript" src="{HOME_THEME_PATH}js/jquery.form.js"></script>
  <script type="text/javascript" src="{HOME_THEME_PATH}js/lightbox.min.js"></script>
  <script type="text/javascript" src="{HOME_THEME_PATH}js/jquery.product_detail.js"></script>
</body>

</html>